<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 键盘事件  
        // 1.键盘按下 keydown
        // document.onkeydown  = function(){
        //     console.log("按下");
        // }
        // 2.键盘按键抬起 keyup
        // document.onkeyup = function(){
        //     console.log("键盘抬起");
        // }

        // 3.键盘按压 keypress :注意有些特殊的按键触发没反应； 数字字符都是可以触发的；
        // document.onkeypress = function(){
        //     console.log("键盘按压");
        // }

        // 4.判断键盘的按键
        // keycode 在最新浏览器标准中废弃了，虽然废弃但是还可以使用；
        // document.onkeydown = function(event){
        //     // ASSCI 码的值 ；
        //         var keycode = event.keyCode || event.which;   // 火狐2.0 需要用event.which来获取keycode
        //         // console.log(keycode)
        //         if(keycode==65){
        //             console.log("按了a键")
        //         }else if(keycode==66){
        //             console.log("按下了b键");

        //         }

        // }
        document.onkeydown = function(event){
            var key = event.key;  //获取到的是 key值；
            // console.log(key);
            if(key=="a"){
                console.log("按了a键");
            }else if(key=="b"){
                console.log("按了b键");
            }

        }

        




    </script>
</body>
</html>